<template>
	<view>
		<button @click="onSetTimeCall()"> 单次计时器setTimeout</button>
		<button @click="onSetTimeCaxy(userName,password)"> 带参数setTimeout</button>
		<button @click="onTimeoutClear()" type="warn"> 取消定时器</button>
		<button @click="onInteral()" type="primary"> 周期打印</button>
		<button @click="onInteral()" type="warn"> 取消周期打印</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				userName:'gyc',
				password:'777',
				timeoutID:null,
				count: 0,
				interalID:null
			}
		},
		methods: {
			onSetTimeCall(){
				console.log("onSetTimeCall-->");
				// setTimeout(callback,ms,any[])
				//箭头函数 （匿名函数）()=>{   }
				setTimeout(()=>{
					// 延时之后要执行的代码
					console.log("我延时2秒才会打印");
				},2000)
			},
			onSetTimeCaxy(name,pwd){
				console.log("onSetTimeCaxy--> name:"+name+",pwd:"+pwd);
				// console.log("onSetTimeCaxy--> name:"+this.userName+",pwd:"+this.password);
				setTimeout((x,y)=>{
					console.log("我可以传参数了> x:"+x+",y:"+y);
				},2000,name,pwd)
			},
			onTimeoutClear(){
				console.log("onTimeoutClear--->定时器被我取消了:"+this.timeoutID);
				clearTimeout(this.timeoutID);
			},
			onInteral(){
				// this,interalID = 
				this.count++;
				console.log("周期打印 count:"+this.count);
			}
		}
	}
</script>

<style>
button{
	margin: 20rpx;
}
</style>
